import LoadUrl from '@/assets/loading.svg'
import Styles from "./loading.module.less"
// 导出指令配置对象
// export default {
//   bind(el, binding) {
//     console.log(el,binding)
//   },
//   inserted() {},
//   update(el, binding) {
//     console.log(el,binding)
//   }
// }

// 获取Img元素
const getImg = (el) => {
  return el.querySelector('img[data-role=loading]')
}
const createImg = () => {
  const img = document.createElement('img')
  img.dataset.role = "loading"
  img.src = LoadUrl // 编译器会转为处理后的路径
  img.className = Styles.loading
  return img
}

// 简化 bind和update
export default function(el, binding) {
  const curImg = getImg(el)
  if (binding.value) {
    if (!curImg) {
      el.appendChild(createImg())
    }
  } else {
    curImg.remove()
  }
}